<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" style="width: 100%;height: 100%;">
<head>
	<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
	<title></title>
<!--  	<link rel="stylesheet" type="text/css" href="../css/leave.css" />  -->
	<link  rel="stylesheet" href="css/common.css" type="text/css"></link>
	<link  rel="stylesheet" href="css/act.mobile.css" type="text/css"></link>
	<script type="text/javascript" src="../../../resource/js/sea.js"></script>
	<script type="text/javascript" src="../js/mui.min.js"></script>	
	<script type="text/javascript" src="../js/mui.listpicker.js"></script>
	<script type="text/javascript" src="../js/mui.dtpicker.js"></script>
	<link  rel="stylesheet" href="css/mui.min.css" type="text/css"></link>
	<link  rel="stylesheet" href="css/mui.listpicker.css" type="text/css"></link>
	<link  rel="stylesheet" href="css/mui.dtpicker.css" type="text/css"></link>
	
<style type="text/css">
	.listpanel{
		z-index: 100000 !important;
	}
	form{
		padding:0 !important;
	}
	.form_box{width:100%;}
</style>
</head>
<body class="progressDealPage" style="height:100%;visibility:hidden;overflow:hidden;">
	<div style="height:92%;overflow-y:auto;">
		<div id="resultForm" >
			
		</div>
		<input type='hidden' id='mainIsProcess' value=""/>
		<input type='hidden' id='subIsProcess' value=""/>
		<form id="processForm">
			<input type='hidden' id='processKey' value='' />
			<input type='hidden' id='processNodeId' value='' />
			<input type='hidden' id='processInstanceId' value='' />
			<input type='hidden' id='taskId' value='' />
			<input type='hidden' id='currentUserId' value='' />
			<input type='hidden' id='mainIsProcess' value=""/>
			<input type='hidden' id='busenessId' value=""/>
			<input type='hidden' id='hangUpUser' value=''>
			<input type='hidden' id='assign-UserId' value=''>
			<ul class="inputStyle"  id="mainTab" ></ul>
		</form>
		<form class="subsForm" id="subsForm" style="display:none;">
			<div id="subsTab" class="form_box clear" >
				
			</div>
	    </form>
   		<div class="approvers">
			<ul class="inputStyle">
				<li>
					<div id="promptDiv">审批人：<span style="float:right"></span></div>
					<div id="approversDiv">
					</div>
				</li>
			</ul>
		</div>
		<div class="copyUsers result-box" id="copyUsers">
			<ul class="inputStyle" >
				<li>
					<div id="promptDiv">抄送人：<span style="float:right">审批通过后，通知抄送人</span></div>
					<div id="copyUser">
						<div class="approvers-item">
							<div id='addCopyOfUsers' class="approvers-item-person" style="background-color: #fff;border:1px solid #229af9" title="添加">
								<span class="addbtn">+</span>
							</div>
							<div class='personName'><span>添加</span></div>
						</div>
						<input type="hidden" id="copyOfUsers" name="copyOfUsers">
					</div>
				</li>
			</ul>
		</div> 
		<form class="subsForm">
			<div class="result-box" id="suggestion">
			</div>
		</form>
	</div>
    <div id="btns" class="tbtns">
    </div>
    <div id="btnsDlg" class="approval-dlg">
    	<ul class="dlg-body">
    	</ul>
		<ul class="dlg-cancel"><li>取消</li></ul>
    </div>
   	<div id="procss" > </div>
 	<div class="error"></div>
   	<div class="Mask"></div>
   	<div id="maskText">  
 		<div>正在处理，请稍后......</div>
	</div>  
	<div class="alertDelete" style="display:none;">
	     <h1><div id="alertMessage"></div></h1>
	     <ul>
	          <li><span id="apply">确定</span></li>
	          <li><span id="cancel">取消</span></li>
	     </ul>
	</div>
	<div style="display: none;" id="addCopyOf"></div>
	<div style="display: none;" id="addApproverOfRole"></div>
	<div style="display: none;" id="addApproverOfAll"></div>
	<div style="display: none;" id="addTranfer"></div>
</body>
<script>
	seajs.use("oa/act/mobile/js/paintFormMoblie",function(paint){
		paint.initPage();
	});
</script>
</html>